<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">

  <title>Memory Game</title>

  <link rel="stylesheet" href="../assets/css/Memory_game.css">
</head>
<body>
  <section class="memory-game">
    <div class="memory-card" data-framework="aurelia">
      <img class="front-face" src="../assets/Images/Memory_game/mp3.png" alt="Aurelia" />
      <img class="back-face" src="../assets/Images/Memory_game/js-badge.svg" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="aurelia">
      <img class="front-face" src="../assets/Images/Memory_game/mp3.png" alt="Aurelia" />
      <img class="back-face" src="../assets/Images/Memory_game/js-badge.svg" alt="JS Badge" />
    </div>

    <div class="memory-card" data-framework="vue">
      <img class="front-face" src="../assets/Images/Memory_game/palm-tree.png" alt="Vue" />
      <img class="back-face" src="../assets/Images/Memory_game/js-badge.svg" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="vue">
      <img class="front-face" src="../assets/Images/Memory_game/palm-tree.png" alt="Vue" />
      <img class="back-face" src="../assets/Images/Memory_game/js-badge.svg" alt="JS Badge" />
    </div>

    <div class="memory-card" data-framework="angular">
      <img class="front-face" src="../assets/Images/Memory_game/piggy-bank.png" alt="Angular" />
      <img class="back-face" src="../assets/Images/Memory_game/js-badge.svg" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="angular">
      <img class="front-face" src="../assets/Images/Memory_game/piggy-bank.png" alt="Angular" />
      <img class="back-face" src="../assets/Images/Memory_game/js-badge.svg" alt="JS Badge" />
    </div>

    <div class="memory-card" data-framework="ember">
      <img class="front-face" src="../assets/Images/Memory_game/plane.png" alt="Ember" />
      <img class="back-face" src="../assets/Images/Memory_game/js-badge.svg" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="ember">
      <img class="front-face" src="../assets/Images/Memory_game/plane.png" alt="Ember" />
      <img class="back-face" src="../assets/Images/Memory_game/js-badge.svg" alt="JS Badge" />
    </div>

    <div class="memory-card" data-framework="backbone">
      <img class="front-face" src="../assets/Images/Memory_game/ring.png" alt="Backbone" />
      <img class="back-face" src="../assets/Images/Memory_game/js-badge.svg" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="backbone">
      <img class="front-face" src="../assets/Images/Memory_game/ring.png" alt="Backbone" />
      <img class="back-face" src="../assets/Images/Memory_game/js-badge.svg" alt="JS Badge" />
    </div>

    <div class="memory-card" data-framework="react">
      <img class="front-face" src="../assets/Images/Memory_game/robot.png" alt="React" />
      <img class="back-face" src="../assets/Images/Memory_game/js-badge.svg" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="react">
      <img class="front-face" src="../assets/Images/Memory_game/robot.png" alt="React" />
      <img class="back-face" src="../assets/Images/Memory_game/js-badge.svg" alt="JS Badge" />
    </div>

    <div class="memory-card" data-framework="react">
        <img class="front-face" src="../assets/Images/Memory_game/shoe.png" alt="React" />
        <img class="back-face" src="../assets/Images/Memory_game/js-badge.svg" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="react">
        <img class="front-face" src="../assets/Images/Memory_game/shoe.png" alt="React" />
        <img class="back-face" src="../assets/Images/Memory_game/js-badge.svg" alt="JS Badge" />
    </div>

    <div class="memory-card" data-framework="react">
        <img class="front-face" src="../assets/Images/Memory_game/suitcase.png" alt="React" />
        <img class="back-face" src="../assets/Images/Memory_game/js-badge.svg" alt="JS Badge" />
    </div>
    <div class="memory-card" data-framework="react">
        <img class="front-face" src="../assets/Images/Memory_game/suitcase.png" alt="React" />
        <img class="back-face" src="../assets/Images/Memory_game/js-badge.svg" alt="JS Badge" />
    </div>
  </section>

  <script src="../assets/js/Memory_game.js"></script>
</body>
</html>
